body{overflow-x: hidden; min-height: 4000px;}
.head{height: 87px; background:#FFFFFF;  position: fixed; top: 0; width: 100%; z-index: 999;}
.app-top{width: 100%; height:auto; position: absolute; z-index: 10;}
.app-logo{ width: 1024px; margin: 0 auto; height: 79px; }
.app-logo img{ width: 22%; margin-top: 20px; float: left;}
.app-nav{ float: right;   width:auto;}
.app-nav img{ width: 90%; margin-top: 20px;}
.app-box{ height: auto; background: #0078E7; overflow: hidden; position: relative;}
.box-img-1{background: url(../images/top-bj1.jpg) no-repeat  0 0/100%;  position: fixed; top: 0px; z-index: 5; width: 100%; height: 960px;}
.box-img-2{background: url(../images/top-bj2.jpg) no-repeat  0 0/100%;  position: fixed; top: 0px; z-index: 4; width: 100%; height: 960px;}
.box-img-3{background: url(../images/top-bj3.jpg) no-repeat  0 0/100%;  position: fixed; top: 0px; z-index: 3; width: 100%; height: 960px;}

.top-main-1{ height: 600px; width: 100%; background: #fbfbfb; margin: 400px 0; }
.top-main-2{ height: 800px; width: 100%; background: url(../images/top-bj4.jpg) no-repeat 0 0/100%;  }
.top-main-3{height: 600px; width: 100%; background: #fbfbfb;}
.top-foot{ height: 230px; width: 100%; background: #333333;}
.foot-shop{ position: relative; overflow: hidden; height: 230px; width: 1024px; margin: 0 auto; }
.foot-shop p.foot-title{ color: #979797; position: absolute; left: 44%; top: 18%;}
.foot-img{ position: absolute; left: 301px; top: 50px; width: 120px; height: 116px;  background: url(../images/erweim.jpg) no-repeat 0 0/92%;}
.foot-shop ul{ list-style: none;  width: 50%; height:80%; padding-top: 120px; overflow: hidden; position: absolute; left: 40%;}
.foot-shop ul li{ float: left; width:156px; height: 51px; position: relative; cursor: pointer; margin-right: 1%; bottom: 0;}
.foot-shop ul li img{ left: 0; bottom: 21%;}
.foot-nont{position: absolute; top: 20%; left: 10%;  display: none; opacity: 0; }
.copyright{ color:#979797;  width: 100%; display: block; background: #0e0e0e; height: 42px; text-align: center; line-height: 42px;font-family: "Hiragino Sans GB","Microsoft YaHei","微软雅黑",tahoma,arial,simsun,"宋体";}
.app-mian-box{width: 1024px;  margin: 0 auto; height: 100%;  position: relative; font-family: "Hiragino Sans GB","Microsoft YaHei","微软雅黑",tahoma,arial,simsun,"宋体"; color: #444444; }
.app-mian-box h3{ font-size: 2.5em; padding-top:16%; font-weight: normal;}
.app-mian-box p{ width: 50%; font-size: 20px; line-height: 40px;  }
.app-mian-box img{ position: absolute; bottom: -4%; left: 50%; }
.app-mian-1{ background: url(../images/bjsj1.png) no-repeat  right 35%/40%; }

.app-mian-2{ background: url(../images/bjsj2.png) no-repeat  -2% 35%/40%; }

.app-mian-2  ul{ position: absolute; right:0%; bottom: 28%; list-style: none;}
.app-mian-2  ul li h3{ width: 100%;}
.app-mian-2  ul li{font-size: 20px; line-height: 40px;}
.app-mian-3{ background: url(../images/bjsj3.png) no-repeat  right 35%/40%; }
.top{ position: fixed; right: 10%; width: 60px; height: 60px; background: url(../images/in2.png)  no-repeat center;  z-index: 999; bottom: 10%; display: none; cursor: pointer;}
/*------第一屏大小兼容---------*/
.app-screen{ width: 100%;  background: url(../images/top-bj.jpg)  0 80%/100%;  position: relative;}
.app-shop{ height: 100%; width: 1024px; margin: 0 auto; padding-top: 15%; font-family: "Hiragino Sans GB","Microsoft YaHei","微软雅黑",tahoma,arial,simsun,"宋体"; color: #FFFFFF; background: url(../images/bjsj.png) no-repeat right 50%/38%;  }
.app-shop h3{ font-size:40px;  font-weight: normal; margin-bottom: 5%;}
.app-shop p{ width: 65%; font-size: 20px; }
.app-shop a{ display: block; width: auto; height: 20%;  text-align: center; line-height: 58px; text-decoration: none; color: #FFFFFF; margin-top: 5%; float: left; margin-right: 3%;}
.shop-p{ font-size: 1.4em;}
.shop-index{ width: 100%; height:12%;padding-top: 3%;   bottom: -1%; background:#a2a2a2; max-height: 180px;  text-align: center;  font-size: 28px; color: #FFFFFF; font-family: "Hiragino Sans GB","Microsoft YaHei","微软雅黑",tahoma,arial,simsun,"宋体"; position: absolute;  }
.shop-index img{ position: absolute; top:-15%; left: 50%; cursor: pointer;}
/*---------中小屏兼容--------------*/
.cm-screen{ width: 100%;  background: url(../images/top-bj.jpg)  0 80%/100%;  position: relative; height: 100%;}
.cm-shop{ height: 100%; width: 1024px; margin: 0 auto; padding-top: 10%; font-family: "Hiragino Sans GB","Microsoft YaHei","微软雅黑",tahoma,arial,simsun,"宋体"; color: #FFFFFF; background: url(../images/bjsj.png) no-repeat right 60%/30%;  }
.cm-shop h3{ font-size:40px;  font-weight: normal; margin-bottom: 5%;}
.cm-shop p{ width: 65%; font-size: 20px; }
.cm-shop a{ display: block; width: auto; height: 20%;  text-align: center; line-height: 58px; text-decoration: none; color: #FFFFFF; margin-top: 5%; float: left; margin-right: 3%;}
.cm-p{ font-size: 1.4em;}
.cm-index{ width: 100%; height:12%;padding-top: 2%;   bottom: -1%; background:#a2a2a2;   text-align: center;  font-size: 28px; color: #FFFFFF; font-family: "Hiragino Sans GB","Microsoft YaHei","微软雅黑",tahoma,arial,simsun,"宋体"; position: absolute;  }
.cm-index img{ position: absolute; top:-40%; left: 50%; cursor: pointer;}





/*--------响应式------------*/
/*@media (min-width:14001px and max-width:1900px){
.show-cb{display:block !important;}
.hidden-cb{display:none !important;}
}*/
@media (min-height:0px) and (max-height:770px){
.show-cm{display:block !important;}
.hidden-cm{display:none !important;}
}






